{extend name='common@layout/base' /}
{block name='breadcrumb'}{/block}
{block name='content'}
<link href="/old/shop/templates/new20160622/css/common.css" rel="stylesheet" type="text/css">
<style type="text/css">
    .public-top-layout,.header-wrap, .head-app, .head-search-bar, .head-user-menu, .public-nav-layout, .nch-breadcrumb-layout, #faq {
        display: none !important;
    }
    .public-head-layout {
        margin: 10px auto -10px auto;
    }
    .wrapper {
        width: 1000px;
    }
    #footer {
        border-top: none!important;
    }
    input{
        border: none;
        outline: none;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 20px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

</style>

<div class="wrapper bfc new_mt60 new_mb30">
    <div class="pull-left">
        <a href="{$Think.config.url_base}">
            <img alt="爱员工" src="{$Think.config.url_base}old/logo.jpg" class="pngFix">
        </a>
    </div>
    <div class="pull-left new_pt10">
        <div class="new_bg_dark_blue w160 new_f18 new_c_white new_pt2 new_pb5 text_center"><span>移动人力资源管家</span></div>
        <div class="new_f14 new_mt5 new_pl10"><span>帮助中小企业一站式解决人力资源问题</span></div>
    </div>
</div>	
<hr color="#CFD9E3" size="1" class="wrapper">
<div class="nc-login-layout bfc mt50 pr mb80">

    <div class="left-pic pull-left"><img alt="登录" src="/old/data/upload/shop/login/2.jpg"  border="0"></div>
    <div class="new_w550 new_h350 pull-left">
        <div class="new_ml130 new_bg_dark_blue new_h100_ new_p20">
            <form id="login_form" method="post" action="{:url('index/index/login')}"  class="bg">
                {:token()}
                <div class="new_w100_ new_pl10 new_mb30"><span class="new_f18 new_c_white">用户登录</span></div>
                <div class="new_w100_ new_mb5 bfc">
                    <div class="new_w100 pull-left text_right new_pt6"><span class="new_c_white new_f14">登录账号：</span></div>
                    <div class="new_w270 new_h56 pull-left text_left new_pl5">
                        <input class="form-control f15 text_left w200" type="text" placeholder="请输入用户名/手机号..." id="member_mobile" name="account" autofocus/>
                    </div>
                </div>
                <div class="new_w100_ new_mb5 bfc">
                    <div class="new_w100 pull-left text_right new_pt6"><span class="new_c_white new_f14">密码：</span></div>
                    <div class="new_w270 new_h56 pull-left text_left new_pl5">
                        <input class="form-control f15 text_left w200" type="password" placeholder="请输入登录密码..." name="password" autocomplete="off"  id="password"/>
                    </div>
                </div>

                <div class="new_w100_ new_mb5 bfc">
                    <div class="new_w100 pull-left text_right new_pt6"><span class="new_c_white new_f14">验证码：</span></div>
                    <div class="new_w100 new_h56 pull-left text_left new_pl5">
                        <input class="form-control f15 text_left w60" type="text" placeholder="验证码..." name="captcha" id="captcha" autocomplete="off"/>
                    </div>
                    <div class="new_w90 pull-left">
                        <img alt="验证码" src="{:captcha_src()}" border="0" id="codeimage" class="fl ml5 new_mt4" style='cursor:pointer;' title='点击更换' onclick="this.src = '{:captcha_src()}?nchash=aa7e75e1&t=' + Math.random();">
                    </div>
                </div>

                <div class="new_w100_ new_mb5 bfc" style="margin-left: 105px;">
                    <input id="login_btn" type="submit" class="new_btn new_red_btn new_w225" style="font-size: 16px;font-weight: 700;" value="登&nbsp;&nbsp;&nbsp;录">
                </div>

                <div class="new_w100_ new_ml100 bfc">
                    <div class="new_w70 pull-left new_pt3">
                        <a class="forget" href="http://web.aiyuangong.com/login.html?aygflag">忘记密码？</a>
                    </div>
                    <div class="pull-left new_pt5">
                        <span class="new_c_white">还不是本站会员？立即</span>
                    </div>
                    <div class="pull-left new_pl5 new_pt5">
                        <a style='color:#dc5171' title="" href="{$Think.config.url_reg}">注册</a>
                    </div>
                    <input type="hidden" value="{$ref_url|default=''}" name="ref_url">
                </div>
            </form>
        </div>
    </div>

</div>
<script>
    $(document).ready(function () {
        $("#login_form").validate({
            onkeyup: false,
            rules: {
                member_mobile: "required",
                password: "required"
                , captcha: "required"
            },
            messages: {
                member_mobile: "请输入手机号",
                password: "请输入密码",
                captcha: '验证码不能为空'
            }
        });

    });
</script>
{/block}